﻿@{ViewBag.Title = "Home";}
@section header {
    <style>
        .home a {display:inline-block; height: 40px; line-height: 40px; vertical-align: middle; color: gray; padding: 5px;}
        .home a:hover { text-decoration: none; color: gray;} 
        .home a [class^="icon-"] {width:50px; font-size:30px;display:inline-block; text-align:right; margin-right:10px; vertical-align: middle;} 
        .home a:hover [class^="icon-"]:before {font-size:40px;vertical-align:middle; color: crimson;transition: font-size 0.1s;}
    </style>}
<div class="home container">
    <h2>Home</h2>
    <div class="row">
        <div class="span4">
            <a href="/Watch"><i class="icon-facetime-video"></i><span>Watch</span></a>
        </div>
        <div class="span4">
            <a href="/Participate"><i class="icon-trophy"></i><span>Participate</span></a>
        </div>
        <div class="span4">
            <a href="/Create"><i class="icon-cogs"></i><span>Create</span></a>
        </div>
    </div>
</div>